<!doctype html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <title>Matchering 2.0</title>
    <meta name="description" content="Open Source Audio Matching and Mastering">
    <meta name="author" content="Sergree">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
    <meta name="email" content="sergree@vk.com">
    <link rel="image_src" href="https://sergree.github.io/matchering/page/images/share.png">
    <meta name="keywords" content="matchering, sergree">

    <link rel="apple-touch-icon" sizes="180x180" href="page/images/apple-touch-icon.png">
    <link rel="icon" type="image/png" href="page/images/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="page/images/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="page/manifest.json">
    <link rel="mask-icon" href="page/images/safari-pinned-tab.svg">
    <link rel="shortcut icon" href="page/favicon.ico">
    <meta name="msapplication-config" content="page/browserconfig.xml">
    <meta name="theme-color" content="#fed535">

    <meta property="og:type" content="website" />
    <meta property="og:title" content="Matchering 2.0" />
    <meta property="og:image" content="https://sergree.github.io/matchering/page/images/share.png" />
    <meta property="og:url" content= "https://sergree.github.io/matchering/" />
    <meta property="og:description" content="Open Source Audio Matching and Mastering" />

    <link rel="stylesheet" href="page/css/reset.css">
    <link rel="stylesheet" href="page/css/fork.css">
    <link rel="stylesheet" href="page/css/style.css">
</head>
<body>
    <header>
        <div id="forkongithub">
            <a href="https://github.com/sergree/matchering" target="_blank">Fork me on GitHub</a>
        </div>
        <div class="header-row">
            <nav class="header-cell">
                <ul>
                    <li><a href="https://sergree.github.io/whatbpm/" target="_blank" class="whatbpm">💓 What<span>BPM</span></a></li>
                    <li><a href="https://github.com/sergree/matchering/blob/master/README.md" target="_blank">About</a></li>
                    <li><a href="https://github.com/sergree/matchering/wiki/FAQ" target="_blank">FAQ</a></li>
                    <li><a href="https://pip.me/sergree" target="_blank">Donate</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <main class="flex">
        <section id="stage-upload">
            <div class="flex">
                <header>
                    <h1><span class="accent">Match</span>ering <span class="accent">2.0</span></h1>
                    <h2 id="upload-tip">Open Source Audio Matching and Mastering</h2>
                </header>
                <div class="upload-box">
                    <iframe width="580" height="325" src="https://www.youtube.com/embed/8Su5STDYfcA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
                <div class='bottom-tip'>
                    <p><a href="https://github.com/sergree/matchering/blob/master/DOCKER.md" target="_blank">Get it NOW!</a></p>
                </div>
            </div>
        </section>
    </main>

    <footer>
        <div class="footer-row">
            <div class="footer-cell">
                <p>Maintained by <a href="https://github.com/sergree" title="Sergree" target="_blank">Sergree</a></p>
            </div>
        </div>
    </footer>
    <!-- Cloudflare Web Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "40aee160c31f4ae18e61f1103ef5b861"}'></script><!-- End Cloudflare Web Analytics -->
</body>
</html>
